<script language="JavaScript" src="/js/object.window.js"></script>
<script language="JavaScript" src="/js/object.design.js"></script>



<link href="/css/ecm_form.css" rel="stylesheet" type="text/css"></link>
<link href="/css/ecm_window.css" rel="stylesheet" type="text/css"></link>



<link href="/css/ecm_tooltip.css" rel="stylesheet" type="text/css"></link>
<div class="ecm_tooltip" id="ecm_tooltip_bubble">
	<div class="ecm_tooltip_open"></div>
	<div class="ecm_tooltip_data">
		<div class="ecm_tooltip_data_content">
				asdfas asdfasdf asdf asfasfas asdf
				asdfas asdfasdf asdf asfasfas asdf
				asdfas asdfasdf asdf asfasfas asdf<br>

				asdfas asdfasdf asdf asfasfas asdf<br>
				asdfas asdfasdf asdf asfasfas asdf<br>
				asdfas asdfasdf asdf asfasfas asdf<br>
				asdfas asdfasdf asdf asfasfas asdf<br>
				asdfas asdfasdf asdf asfasfas asdf<br>
		</div>

	</div>
	<div class="ecm_tooltip_close"></div>
	<div class="ecm_tooltip_anchor"></div>
	<div class="ecm_tooltip_control">
		<a id="ecm_close" href="">Close</a>
		<a id="ecm_more" href="">View More</a>
	</div>
</div>



<div class="ecm_template_window" id="ecm_template_window">

<fieldset class="ecm_form_fieldset">
	<legend>Element Attributes</legend>

<form>
<label>Element ID:</label><input name="id" maxlength="32">
<label>Style:</label><input name="style" maxlength="32">
<label>Position:</label>
	<select name="position">
		<option value="absolute">Absolute</option>

		<option value="relative">Relative</option>
	</select>
<label>Type:</label>
	<select name="type">
		<option value="floating">Floating</option>
		<option value="right">Right</option>
		<option value="left">Left</option>

	</select>
<label>Offset X:</label><input name="offset_x" maxlength="32">
<label>Aligned:</label>
	<select name="align">
		<option value="normal">Normal</option>
		<option value="top">Top</option>
		<option value="bottom">Bottom</option>

	</select>
<label>Offset Y:</label><input name="offset_y" maxlength="32">
<hr>
<label>Width:</label><input name="width" maxlength="32">
<label>Height:</label><input name="height" maxlength="32">
<label>Adjustment:</label>
	<select name="adjustment">
		<option value="proportional">Proportional</option>
		<option value="measured">Measured</option>

	</select>
<label>Color:</label><input name="color" maxlength="32">
<hr>
<button onclick="javascript:return DesignPanel.add_element (this);">Create Element</button>

</form>
</fieldset>
</div>

<script>var element_attribute_form = document.getElementById ('ecm_template_window').innerHTML;</script>
<a href="javascript:WindowJS.create_window ({window_id:'ecm_element_attribute_form',title:'Element Properties',content:element_attribute_form});">create element</a>
